
<!DOCTYPE HTML>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="UTF-8">
    <!-- <meta charset="gb-2312"> -->
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>分享</title>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <!-- <link rel="stylesheet" href="../css/xiaoguo.css" /> -->
	<link rel="stylesheet" type="text/css" href="../css/app.css" />
	<link rel="stylesheet" href="../css/bootstrap.min.css"/>
		
	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script src="../js/bootstrap.min.js"></script>	
	<script src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.js"></script>
	<link href="../css/mui.picker.css" rel="stylesheet" />
	<link href="../css/mui.picker.min.css" rel="stylesheet" />
	<link href="../css/mui.poppicker.css" rel="stylesheet" />
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }

        .page {
            display: flex;
            flex-direction: column;
            padding-left:15px;
            padding-right:15px;
        }
        .center-item {
            margin-top: 15px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .imgbg{
            width:100%;
        }
		.modal-content{
			margin: 1.25rem;
		}
		.close{
			position: relative;
			top: 14%;
			right: 45%;
			margin-top: -19%;
		}

    </style>

</head>

<body class="body">
    <div class="page">
        <div class="center-bar"></div>
    </div>
</body>
<!-- <SCRIPT src="../js/alert.js" type=text/javascript></SCRIPT> -->
<!-- <link href="../css/alert.css" rel="stylesheet" style=text/css /> -->
<script src="../js/mui.min.js"></script>
	<script src="../js/mui.picker.js"></script>
	<script src="../js/mui.poppicker.js"></script>
	<script src="../js/mui.picker.min.js"></script>
	<script src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.js"></script>
<script type="text/javascript">
    window.onload = function () {
        var data = [
            { "img": "../img/icon_share_code.png", "title": "分享二维码", "content": "分享二维码，美观又时尚" },
            { "img": "../img/icon_share_circle.png", "title": "分享朋友圈", "content": "分享朋友" },
            { "img": "../img/icon_share_word.png", "title": "推广软文", "content": "中文文案，一键转发" },
            { "img": "../img/icon_share_face.png", "title": "面对面开通账户", "content": "当面开通账户，方便快捷" },
            { "img": "../img/icon_share_ddwl.png", "title": "地推物料", "content": "官方指定物料，轻松方便一键购" }
        ]
        var orderBody = '';
        $.each(data, function (index, val) {
            orderBody += '<div class="center-item" onclick="clickItem(' + index + ')"><img class="imgbg" src="' + val.img + '"/></div>'
        })
        $('.center-bar').append(orderBody);
		var iframe = window.frameElement;
		iframe.height = '100%';
		// window.parent.canvasHb();
		
    }

    function clickItem(index) {
        switch(index){
			case 0:
				window.parent.show1();
			break;
			case 1:
			break;
			case 2:
			break;
			case 3:
			break;
		}
    }


</script>
</html>